.goods-wrapper {
  background-color: $background-color;

  .goods-bg {
    width: 100%;
    height: 40vh;
    background: url('../../assets/img/bg3.png');
    background-size: cover;
    background-position-y: 45%;
    background-repeat: no-repeat;

    .goods-title {
      position: absolute;
      letter-spacing: 10px;
      font-size: 54px;
      color: whitesmoke;
      font-weight: bold;
      left: 50%;
      transform: translate(-50%, -50%);

      img {
        width: 60%;
      }
    }
  }

  .goods-container {
    width: 80%;
    margin: 30px auto 0;

    .goods-content {
      background: #fff;
      width: 100%;
      text-align: center;

      .goods-empty {
        color: $sub-color;
        margin: 10%;
        font-size: $font-normal;
        letter-spacing: 5px;
      }

      .goods-items-box {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
      }

      .goods-item-area {
        width: 95%;
        margin: 0 auto;

        .goods-toolbar {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding: 0 15px;

          .price {
            width: 35%;
            @include row-center;
            justify-content: space-around;
          }
        }
      }

      .bid-item-area {
        width: 95%;
        margin: 0 auto;

        .bid-toolbar {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding: 0 15px;

          .price {
            width: 35%;
            @include row-center;
            justify-content: space-around;
          }
        }
      }

    }
  }
}